<template>
  <div class="main-wangliang">
  <div class="main_head nav">
        <ul class="nav main-head-l">
            <li class="activeTitle active-r"><a href="#/home/homepage">招商局集团</a></li>
            <li class="activeTitle"><a>信息共享表</a></li>
        </ul>
        <ul class="nav main-head-r">
            <li>欢迎您,{{userNameMe}}</li>
            <!-- <li><a @click="loginOut"><i class="fa fa-sign-out"></i>注销</a></li> -->
        </ul>
    </div>
    <div class="main_child">    
      <div class="main_content">
        <el-form ref="form" :model="form" label-width="120px" size="mini">
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="业务单位">
                <el-select v-model='form.setid'>
                  <el-option key="全部" value="全部">全部</el-option>
                 <el-option
                    v-for="item in bussinessData"
                    :key="item.setid"
                    :label="item.descrshort"
                    :value="item.setid">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="员工 ID">
                <el-input v-model='form.emplid' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="姓 名">
                <el-input v-model='form.name' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="部 门">
                <el-input v-model='form.dept_descr'/>
              </el-form-item>
            </el-col>
          </el-row>   
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="最高学历">
                <el-select v-model='form.highest_edu'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in highestEdus"
                    :key="item && item.highest_edu"
                    :label="item && item.highest_edu"
                    :value="item && item.highest_edu">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="最高学位">
                <el-select  v-model='form.highest_deg'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in highestDegs"
                    :key="item.highest_deg"
                    :label="item.highest_deg"
                    :value="item.highest_deg">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="毕业院校">
                <el-input v-model='form.school_descr' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="所学专业">
                <el-input v-model='form.major_descr' />
              </el-form-item>
            </el-col>
          </el-row>       
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="是否集团高管">
                <el-checkbox v-model="form.leader_type"></el-checkbox>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="集团标准职级">
                <el-select v-model='form.grp_lvl_descr'>
                  <el-option key="全部" value="全部">全部</el-option>
                   <el-option
                    v-for="item in grpLvlDescrs"
                    :key="item.grp_lvl_descr"
                    :label="item.grp_lvl_descr"
                    :value="item.grp_lvl_descr">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="身份证号码">
                <el-input v-model='form.national_id' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item class="certificate" label="是否有职称\职业资格\其他证书">
                <el-checkbox v-model="form.certificate">备选项</el-checkbox>
              </el-form-item>
            </el-col>
          </el-row>   
          <el-row :gutter="20" class="lastRow">
            <el-col :span="6" >
              <el-form-item label="性别">
                <el-select v-model='form.sex_descr'>
                  <el-option key="全部" value="全部">全部</el-option>
                   <el-option
                    v-for="item in sexDescr"
                    :key="item.sex_descr"
                    :label="item.sex_descr"
                    :value="item.sex_descr">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="出生日期">
                <el-date-picker
                  v-model="form.begin_birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate1"
                  placeholder="选择月"
                  >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="年龄">
                <el-input style='width: 70px' v-model='form.begin_age' /> - <el-input style='width: 70px' 
                v-model='form.end_age' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="婚姻状况">
                <el-select  v-model='form.mar_desc'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in marDesc"
                    :key="item.mar_desc"
                    :label="item.mar_desc"
                    :value="item.mar_desc">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>   
          <el-row :gutter="20" class="lastRowOne">
            <el-col :span="6">
              <el-form-item label="加入本公司时间">
                <el-date-picker
                  v-model="form.begin_service_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate2"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_service_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate3"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="加入当前二级公司时间">
                <el-date-picker
                  v-model="form.begin_cmpny_seniority_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate4"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_cmpny_seniority_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                 @change="handleDate5"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="加入集团时间">
                <el-date-picker
                  v-model="form.begin_org_inst_srv_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate6"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_org_inst_srv_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate7"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="参加工作">
                <el-date-picker
                  v-model="form.begin_start_dt_chn"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate8"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_start_dt_chn"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate9"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>  
          <el-row>
            <el-col style="text-align: center;">
              <el-button type="warning" icon='el-icon-refresh' @click="Reset">重置</el-button>&nbsp;&nbsp;
              <el-button type="primary" icon="el-icon-search" @click="getPageSource">搜索</el-button>
            </el-col>
          </el-row>
        </el-form>
        <el-row v-show="ok">
          <el-col>
            <div class="rt selectSet">
                <a @click="showColList" class="default" title="自定义列"><i class="fa fa-th" aria-hidden="true"></i><span class="caret"></span></a>
                <search-col :ifShow.sync='colShow' :checkedCities.sync="checkedCities" :cities="colTotalList" @changeCol="getCheckedArr"></search-col>
            </div>
            <div class="Exportbtn">
              <form
                 style="display:none"
                 method="post"
                 target='employRoster-list'
                :action='this.Axios.baseURI+"/reportShareExcel/empRosterShareExport"'
                id='downLoadForm'></form>
                <a @click.stop="downLoadExcel">导出</a>
              <iframe style='display:none' name="employRoster-list" id="employRoster_hidden_frame"></iframe> 

            </div>
          </el-col>
        </el-row>
        <el-row v-show="ok">
          <el-col>
            <el-table
                :data="unitTableList"
                style="width: 100%"
                :fit="tablefit"
                :row-class-name="handleRowClass"
                >
                <el-table-column :prop="item.prop" :class-name="item.class" :label="item.label" :min-width="item.width"  :key="item.prop" v-for='item in tableOption'>
                    <template  scope="scope">
                      <span>{{ coverttile(scope.row, item.prop)}}</span>                      
                    </template>
                </el-table-column>          
            </el-table>
            <el-pagination style='text-align: right;'
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page.sync="pageIndex"
              :page-sizes="[20, 30, 40, 50]"
              :page-size="pageSize"
              layout="total, sizes, prev, pager, next, jumper"
              
              :total="totalNum">
            </el-pagination>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import Axios from 'axios'
import Vue from 'vue'
import {
	Form,
	Row,
	Col,
	Select,
	Input,
	Checkbox,
	DatePicker,
	Button,
	Icon,
	Table,
	TableColumn,
	Option,
	Pagination
} from 'element-ui'
Vue.use(Form)
Vue.use(Row)
Vue.use(Col)
Vue.use(Select)
Vue.use(Input)
Vue.use(Checkbox)
Vue.use(DatePicker)
Vue.use(Button)
Vue.use(Icon)
Vue.use(Table)
Vue.use(Option)
Vue.use(Pagination)
Vue.use(TableColumn)
import searchCol from '@/components/public/selectShowCol'
export default {
	name: 'approvalAll',
	data() {
		return {
			activeName: 'first',
			colShow: false,
			checkedCities: [0, 1, 2, 3, 5, 6, 7, 8],
			colTotalList: [],
			unitTableList: [],
			tablefit: true,
			tableOption: [],
			bussinessData: [],
			highestDegs: [],
			highestEdus: [],
			grpLvlDescrs: [],
			marDesc: [],
			sexDescr: [],
			pageIndex: 1,
			pageSize: 20,
			totalNum: 0,
			ok: false,
			form: {
				setid: '全部',
				emplid: '',
				name: '',
				dept_descr: '',
				highest_edu: '全部',
				highest_deg: '全部',
				school_descr: '',
				major_descr: '',
				leader_type: 0,
				grp_lvl_descr: '全部',
				national_id: '',
				certificate: 0,
				sex_descr: '全部',
				begin_birthdate: '',
				end_birthdate: '',
				begin_age: '',
				end_age: '',
				mar_desc: '全部',
				begin_service_dt: '',
				end_service_dt: '',
				begin_cmpny_seniority_dt: '',
				end_cmpny_seniority_dt: '',
				begin_org_inst_srv_dt: '',
				end_org_inst_srv_dt: '',
				begin_start_dt_chn: '',
				end_start_dt_chn: '',
				// ok: []
			}
		}
	},
	methods: {
		loginOut: function() {
			var self = this
			this.Axios
				.Post(this.URL.exit.url, {})
				.then(function(res) {
					sessionStorage.setItem('userName', null)
					sessionStorage.setItem('userId', null)
					sessionStorage.setItem('token', null)
					self.$router.push('/employeeServ')
				})
				.catch(function() {})
		},
		handleDate:function(val){
			console.log(val)
			this.form.begin_birthdate = val
		},
		handleDate1:function(val){
			console.log(val)
			this.form.end_birthdate = val
		},
		handleDate2:function(val){
			console.log(val)
			this.form.begin_service_dt = val
		},
		handleDate3:function(val){
			console.log(val)
			this.form.end_service_dt = val
		},
		handleDate4:function(val){
			console.log(val)
			this.form.begin_cmpny_seniority_dt = val
		},
		handleDate5:function(val){
			console.log(val)
			this.form.end_cmpny_seniority_dt = val
		},
		handleDate6:function(val){
			console.log(val)
			this.form.begin_org_inst_srv_dt = val
		},
		handleDate7:function(val){
			console.log(val)
			this.form.end_org_inst_srv_dt = val
		},
		handleDate8:function(val){
			console.log(val)
			this.form.begin_start_dt_chn = val
		},
		handleDate9:function(val){
			console.log(val)
			this.form.end_start_dt_chn = val
		},
		downLoadExcel() {
			let titles = []
			let arr = []
			for (let i = 0; i < this.tableOption.length; i++) {
				arr.push(this.tableOption[i].prop)
			}

			for (let i = 0; i < this.colTotalList.length; i++) {
				if (arr.indexOf(this.colTotalList[i].prop) == -1) {
					titles.push(0)
				} else {
					titles.push(1)
				}
			}
			let params={titles:titles}



			let formTarget = document.querySelector('#downLoadForm')
			formTarget.innerHTML = ''

			let dom = document.createElement('input')
			dom.name = 'titles'
			dom.value = titles
			formTarget.appendChild(dom)

			const keysArr = Object.keys(this.form)
			const valuesArr = Object.values(this.form)

			for (let i = 0; i < valuesArr.length; i++) {
				let doms = document.createElement('input')

				doms.name = keysArr[i]
				doms.value = valuesArr[i]
				formTarget.appendChild(doms)
			}


			let tokenDom = document.createElement('input')
			// tokenDom.name = 'token'
			// tokenDom.value = localStorage.getItem('token')
			// formTarget.appendChild(tokenDom)
			formTarget.submit()

			// this.Axios.Post(this.URL.reportShareExcel.url,params).then((res) => {
			//       let datas = res.data.datas;
			// });

		},
		coverttile(data, type) {
			if (type === 'leader_type') {
				return data['leader_type']==='A' || data['leader_type']==='B' ? '是' : '否'
			} else {
				return data[type]
			}
		},
		handleSizeChange(val) {
			this.pageSize = val
			this.getPageSource()
		},
		handleCurrentChange(val) {
			this.pageIndex = val
			this.getPageSource()
		},
		handleClick(tab, event) {
			console.log(tab, event)
		},
		showColList: function() {
			this.colShow = this.colShow ? false : true
		},
		handleRowClass: function(row, index) {
			return index % 2 === 0 ? 'even-row' : 'odd-row'
		},
		getCheckedArr: function(value) {
			var arr = []
			value.sort(function(a, b) {
				return a - b
			})
			if (this.colTotalList && this.colTotalList.length > 0) {
				for (var i = 0; i < value.length; i++) {
					arr.push(this.colTotalList[value[i]])
				}
			}
			this.tableOption = JSON.parse(JSON.stringify(arr))
			console.log(
				'tableOption',
				this.tableOption,
				'sdddddd',
				this.colTotalList,
				'data',
				this.unitTableList
			)
			// this.assignTitles();
		},
		getPageSource() {
			let self = this
			this.ok = true
			this.form.pageNum = this.pageIndex
			this.form.pageSize = this.pageSize
			this.form.leader_type = this.form.leader_type ? 1 : 0
			this.form.certificate = this.form.certificate ? 1 : 0
			this.Axios
				.Post(this.URL.getsharePageSource.url, this.form)
				.then(function(res) {
					// console.log('resdata', res)
					// var arr = JSON.parse(JSON.stringify(res.data.datas.dataNum));
					// var arr1 = res.data.datas.dataList;
					// var optionArr = [];
					// for (var i=0; i<arr1.length; i++) {
					//     arr1[i]["num"] = i+1;
					//     if (arr1[i]["birthdate"] && arr1[i]["birthdate"].trim()) {
					//       var a = arr1[i]["birthdate"].split(' ')[0].split('-');
					//       arr1[i]["birthdate"] = a[0] + "." + a[1]
					//     }
					//     for (var j=0; j<arr.length; j++) {
					//       if (j%4 === 0) {
					//         arr[j]['color'] = 'green';
					//         arr[j]['show'] = true;
					//       } else if (j%4 === 1) {
					//         arr[j]['color'] = 'blue';
					//         arr[j]['show'] = true;
					//       } else if (j%4 === 2) {
					//         arr[j]['color'] = 'yellow';
					//         arr[j]['show'] = true;
					//       } else if (j%4 === 3) {
					//         arr[j]['color'] = 'red';
					//         arr[j]['show'] = true;
					//       }

					//       if (arr1[i].c_leader_unit === arr[j].c_lea_unit_name ) {
					//           if (!arr[j]['memberList']){arr[j]['memberList'] = []};
					//           arr[j]["memberList"].push(arr1[i]);
					//           break;
					//       }
					//     }
					// }
					// for (var z=0; z<arr.length; z++) {
					//     if (!arr[z]['memberList']) {
					//         arr.splice(z,1);
					//         z--;
					//     }
					// }

					self.colTotalList = [
						{
							label: 'ID',
							prop: 'emplid',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '姓名',
							prop: 'name',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '性别',
							prop: 'sex_descr',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '部门',
							prop: 'dept_descr',
							isShow: true,
							needAtag: false,
							width: 300
						},
						{
							label: '处室',
							prop: 'office_descr',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '职位',
							prop: 'position_desc',
							isShow: true,
							needAtag: false,
							width: 200
						},
						{
							label: '是否集团高管',
							prop: 'leader_type',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '身份证类型',
							prop: 'national_id_type',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '身份证号码',
							prop: 'national_id',
							isShow: true,
							needAtag: false,
							width: 200
						},
						{
							label: '集团标准职级',
							prop: 'grp_lvl_descr',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '二级公司标准职级',
							prop: 'sta_lvl_descr',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '各公司职级',
							prop: 'supv_lvl_descr',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '加入本公司时间',
							prop: 'service_dt',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '加入当前二级公司时间',
							prop: 'cmpny_seniority_dt',
							isShow: true,
							needAtag: false,
							width: 200
						},
						{
							label: '加入集团时间',
							prop: 'org_inst_srv_dt',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '出生日期',
							prop: 'birthdate',
							isShow: true,
							needAtag: false,
							width: 120
						},
						{
							label: '年龄',
							prop: 'age',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '出生地',
							prop: 'birthplace',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '籍贯',
							prop: 'native_place_chn',
							isShow: true,
							needAtag: false,
							width: 150
						},
						{
							label: '政治面貌',
							prop: 'political_sta_chn',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '婚姻状况',
							prop: 'mar_status',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '参加工作时间',
							prop: 'start_dt_chn',
							isShow: true,
							needAtag: false,
							width: 300
						},
						{
							label: '最高学历',
							prop: 'highest_edu',
							isShow: true,
							needAtag: false,
							width: 200
						},
						{
							label: '最高学位',
							prop: 'highest_deg',
							isShow: true,
							needAtag: false,
							width: 200
						},
						{
							label: '毕业院校',
							prop: 'school_descr',
							isShow: true,
							needAtag: false,
							width: 120
						},
						{
							label: '所学专业',
							prop: 'major_descr',
							isShow: true,
							needAtag: false,
							width: 100
						},
						{
							label: '职称',
							prop: 'certificate',
							isShow: true,
							needAtag: false,
							width: 200
						},
						{
							label: '职业资格',
							prop: 'cert_grade',
							isShow: true,
							needAtag: false,
							width: 200
						},
						{
							label: '其他证书',
							prop: 'other_certificate',
							isShow: true,
							needAtag: false,
							width: 200
						}
					]

					// self.unitContainer = arr;
					self.tableOption = self.colTotalList
					self.getCheckedArr(self.checkedCities)
					console.log(44444, self.checkedCities)
					self.unitTableList = res.data.datas
					// console.table(self.unitTableList)
					// var myTime = new Date();
					// var iYear = myTime.getFullYear();//获取当前年份
					for (var i = 0; i < self.unitTableList.length; i++) {
						//截取字符串
						self.unitTableList[i].birthdate = self.unitTableList[
							i
						].birthdate.substring(0, 10)
						self.unitTableList[i].cmpny_seniority_dt = self.unitTableList[
							i
						].cmpny_seniority_dt.substring(0, 10)
						self.unitTableList[i].org_inst_srv_dt = self.unitTableList[
							i
						].org_inst_srv_dt.substring(0, 10)
						if (
							self.unitTableList[i].service_dt != null &&
              self.unitTableList[i].service_dt != ''
						) {
							// console.table(self.unitTableList);
							self.unitTableList[i].service_dt = self.unitTableList[
								i
							].service_dt.substring(0, 10)
						}
						self.unitTableList[i].start_dt_chn = self.unitTableList[
							i
						].start_dt_chn.substring(0, 10)
					}
					console.log(111111, res.data.datas)
					self.totalNum = res.data.total
					self.form.leader_type = self.form.leader_type ? true : false
					self.form.certificate = self.form.certificate ? true : false
				})
		},
		Reset(){
			this.form.setid = '全部'
			this.form.emplid = ''
			this.form.name = ''
			this.form.dept_descr = ''
			this.form.highest_edu = '全部'
			this.form.highest_deg = '全部'
			this.form.school_descr = ''
			this.form.major_descr = ''
			this.form.leader_type = 0//0
			this.form.grp_lvl_descr = '全部'
			this.form.national_id = ''
			this.form.certificate = 0//0
			this.form.sex_descr = '全部'
			this.form.begin_birthdate = ''
			this.form.end_birthdate = ''
			this.form.begin_age = ''
			this.form.end_age = ''
			this.form.mar_desc = '全部'
			this.form.begin_service_dt = ''
			this.form.end_service_dt = ''
			this.form.begin_cmpny_seniority_dt = ''
			this.form.end_cmpny_seniority_dt = ''
			this.form.begin_org_inst_srv_dt = ''
			this.form.end_org_inst_srv_dt = ''
			this.form.begin_start_dt_chn = ''
			this.form.end_start_dt_chn = ''
		},
		getDataBase() {
			let self = this
			this.Axios.Post(this.URL.getShareData.url, null).then(function(res) {
				let datas = res.data.datas
				if (datas) {
					self.bussinessData = datas.bussiness //&& datas.bussiness.unshift({descrshort: '全部' ,setid: '全部'})
					self.grpLvlDescrs = datas.grpLvlDescrs //&& datas.grpLvlDescrs.unshift({grp_lvl_descr: '全部'})
					self.highestDegs = datas.highestDegs //&& datas.highestDegs.unshift({highest_deg: '全部'})
					self.highestEdus = datas.highestEdus //&& datas.highestEdus.unshift({highest_edu: '全部'})
					self.marDesc = datas.marDesc //&& datas.marDesc.unshift({mar_desc: '全部'})
					self.sexDescr = datas.sexDescr //&& datas.sexDescr.unshift({sex_descr: '全部'})
				}
			})
		}
	},
	created() {
		console.log('审批查看全部页面')
	},
	components: {
		searchCol
	},
	computed: {
		userNameMe: function() {
			return localStorage.getItem('userName')
		}
	},
	mounted() {
		this.getDataBase()
		// this.getPageSource()
	}
}
</script>

<style>
	

.main-wangliang div.certificate .el-form-item__label{
	width:40% !important;
	padding:6px 12px 6px 0
}

.main-wangliang .lastRow .el-form-item__label{
	 width:36% !important;
}	
.main-wangliang .lastRow .el-form-item__content{
	 margin-left:36% !important;
}	

.main-wangliang .lastRowOne .el-form-item__label{
	 width:36% !important;
}	
.main-wangliang .lastRowOne .el-form-item__content{
	 margin-left:36% !important;
}	



.main-wangliang {
  background-color: #ffffff;
  min-height: 100%;
}
.navbar-brand {
  background: #1ab394;
  color: #fff;
  padding: 17.5px 25px;
  margin-left: -15px;
}
.main_child {
  padding: 30px;
  color: #676a6c;
  font-size: 13px;
}
.main_head {
  height: 55px;
  line-height: 54px;
  text-align: left;
  border-bottom: 1px solid #e7eaec;
  padding-left: 15px;
  display: block;
}
.nav > li > a {
  font-weight: 600;
}
.main-wangliang .activeTitle {
	float:left;
  margin-left: 20px;
  color: #1ab394;
}
.main-wangliang li.active-r {
  background: #1ab394;
  color: #fff;
  padding: 0px 25px;
  margin-left: -15px;
}
.active-r > a {
  font-size: 18px;
}
.main-head-r {
  margin-right: 10px;
  float: right;
}
.main-head-r li {
  display: inline-block;
}
.main-head-r li > a {
  padding: 15px 20px;
  color: #676a6c;
  font-size: 14px;
  /* font-weight: 600; */
}
.main_content {
  margin-top: 15px;
}
.main_content_listmenu {
  float: right;
  height: 34px;
  line-height: 34px;
  border-radius: 5px;
  border-color: 1px solid #e7eaec;
  display: inline-flex;
}
.main_content .el-form-item {
  margin-bottom: 15px;
}
.main_content .el-date-editor.el-input {
  width: 90px;
}
.main_content .el-date-editor.el-input i.el-input__icon {
  display: none;
}
.main_content .el-date-editor.el-input .el-input__inner {
  padding-right: 0px;
}

.main_content .selectSet {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  position: relative;
  clear: both;
}
.main_content .Exportbtn {
  float: left;
  margin: 15px 0px 10px 0px;
  background-color: #00acd6;
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  border: 1px solid #00acd6;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.main_content .selectSet .default {
  float: right;
  margin: 15px 0px 10px 0px;
  background-color: #f4f4f4;
  color: #444;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
  z-index: 1;
}
.main_content .selectSet .alt {
  margin-right: -1px;
}
.main_content .isHide {
  display: none;
}
.main_content .selectSet a:hover {
  z-index: 4;
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.main_content .selectSet .alt {
  margin-right: -1px;
}

.selectSet .default:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.selectSet .default:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.main_content .el-table .even-row {
  background-color: #f9f9f9;
}
.main_content .el-table .even-row,
.main_content .el-table .even-row + tr:not(.odd-row) .el-table__expanded-cell {
  background-color: #f9f9f9;
}
.main_content .el-table .cell {
  text-align: center;
}
</style>
